<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>codepen</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>

<body>
<header>
	<div class="inner">
    <div class="logo"><i class="fa fa-codepen"></i>codepen</div>
    <div class="nav">menu</div>
    </div>
</header>
<section class="one">
	<div class="inner">
    	<i class="fa fa-cloud"></i>
            <h1>Hi, I'm <span>Photon</span>, another fine<br/>
    little freebie from <a href="#">HTML5 UP</a>.</h1>
            <p>Accumsan feugiat mi commodo erat lorem ipsum, sed magna<br/>
    lobortis feugiat sapien sed etiam volutpat accumsan.</p>
       <div class="btn"><a href="#">Discover</a></div>
</div>
</section>
<sectoin class="two">
	<div class="inner">
   	 <div class="icom-list">
    		<ul>
                <li><a href="#"><i class="fa fa-code"></i></a></li>
                <li><a href="#"><i class="fa fa-bolt"></i></a></li>
                <li><a href="#"><i class="fa fa-camera-retro" ></i></a></li>
                <li><a href="#"><i class="fa fa-cog" ></i></a></li>
                <li><a href="#"><i class="fa fa-desktop" ></i></a></li>
        		<li><a href="#"><i class="fa fa-calendar" ></i></a></li>
        	</ul>
    	</div>
   	 <div class="text">
     	<h3>Lorem ipsum dolor adipiscing
amet dolor consequat</h3>
		<div class="xian"></div>
		<p>Adipiscing a commodo ante nunc accumsan interdum mi ante adipiscing. A nunc lobortis non nisl amet vis volutpat aclacus nascetur ac non. Lorem curae eu ante amet sapien in tempus ac. Adipiscing id accumsan adipiscing ipsum.</p>

<p>Blandit faucibus proin. Ac aliquam integer adipiscing enim non praesent vis commodo nunc phasellus cubilia ac risus accumsan. Accumsan blandit. Lobortis phasellus non lobortis dit varius mi varius accumsan lobortis. Blandit ante aliquam lacinia lorem lobortis semper morbi col faucibus vitae integer placerat accumsan orci eu mi odio tempus adipiscing adipiscing adipiscing curae consequat feugiat etiam dolore.</p>

<p>Adipiscing a commodo ante nunc accumsan interdum mi ante adipiscing. A nunc lobortis non nisl amet vis volutpat aclacus nascetur ac non. Lorem curae eu ante amet sapien in tempus ac. Adipiscing id accumsan adipiscing ipsum.
</p>
     </div>
     </div>
</sectoin>
<footer>
	<div class="inner">
        <ul>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
        </ul>
    </div>	
</footer>
</div>
</body>
</html>
